<!--
 * @Author: dfh
 * @Date: 2024-03-15 10:32:20
 * @LastEditors: dfh
 * @Modified By: dfh
 * @describe: 
-->
<template>
    <view class="card t-j">
        <text class="title">财富精选</text>
        <view class="content-wrap">
            <view class="c-b">
                <text class="s_title">银行存款</text>
                <text class="num">2.80%</text>
                <text class="tip">最高年利率</text>
            </view>
            <view class="c-b">
                <text class="s_title">银行存款</text>
                <text class="num">2.80%</text>
                <text class="tip">最高年利率</text>
            </view>
        </view>
    </view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
  .card {
        margin-left: calc(calc(100% - 710rpx) / 2);
        width: 710rpx;
        border-radius: 20rpx;
        background-color: white;
        padding: 30rpx;
        overflow: hidden;
        box-sizing: border-box;
    }

    .t-j {
            margin-top: 30rpx;
            display: flex;
            flex-direction: column;

            .title {
                font-size: 32rpx;
                color: black;
                font-weight: 600;
            }

            .content-wrap {
                margin-top: 34rpx;
                display: flex;

                .c-b {
                    flex: 1;
                    display: flex;
                    flex-direction: column;

                    .s_title {
                        font-size: 26rpx;
                        color: rgba(49, 47, 47, 0.6);
                    }

                    .num {
                        margin: 20rpx 0 18rpx;
                        font-size: 32rpx;
                        color: rgb(238, 81, 67);
                        font-weight: 600;
                    }

                    .tip {
                        font-size: 24rpx;
                        color: rgb(221, 224, 228);
                    }
                }
            }
        }
</style>